﻿/********************************
 * TEXTAREA.EDITOR
 ********************************/
form textarea.source
,form iframe.editor
,form div.editor{
    display:block;
    width:100%;
    height:300px;
    padding:5px;
    border: 1px solid silver;
    overflow:auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

form iframe.source
,form div.source{
    visibility:hidden;
    height:1px !important;
    position:absolute;
}

.toolbar{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:2px;
    width:100%;
    background:#f8f8f8;
    border:1px solid silver;
    border-bottom:0;
    font-size:11px;
}
    .toolbar span.tool{
        display:inline-block;
    }
    .toolbar button{
        font-family:"IcoMoon";
        font-style: normal;
        speak: none;
    }
    .toolbar button, 
    .toolbar span{
        font-size:inherit;
        border:0;
        background-color:#f8f8f8;
        padding:1px 4px;
        margin-right:-1px;
    }
    .toolbar button:focus{
        background-color:white;
    }
    .toolbar button:hover
 	,.toolbar button.selected{
        background-color:silver;
    }
    .toolbar button[disabled]:hover{
        background-color:transparent;
    }
    .toolbar select{
        font-size:inherit;
        border:1px solid silver;
        margin-left:1px;
    }
    .toolbar button[disabled]
    ,.toolbar select[disabled]
    ,.toolbar span.tool[disabled]
    ,.toolbar button[disabled] b{
        color:#dddddd;
    }

    /** icomoon fonts aren't available for these*/
    .toolbar button b, 
    .toolbar button i, 
    .toolbar button strike {
        font-family: verdana;
    }

/**
 * IcoMoon is awesome, check these out below
 */
@font-face {
    font-family: 'IcoMoon';
    src: url('../icons/IcoMoon.eot');
    src: url('../icons/IcoMoon.eot?#iefix') format('embedded-opentype'),
        url('../icons/IcoMoon.svg#IcoMoon') format('svg'),
        url('../icons/IcoMoon.woff') format('woff'),
        url('../icons/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'IcoMoon';
    content: attr(data-icon);
    speak: none;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}
.icon-share:before {
    content: "\2764";
}
.icon-cog:before {
    content: "\2699";
}
.icon-link:before {
    content: "\26ad";
}
.icon-out:before {
    content: "\238b";
}
.icon-remove:before {
    content: "\2716";
}
.icon-export:before {
    content: "\21f2";
}
.icon-email:before {
    content: "\2709";
}
.icon-add:before {
    content: "\2631";
}
.icon-grid:before {
    content: "\2317";
}
.icon-list:before {
    content: "\2630";
}
.icon-retweet:before {
    content: "\21bb";
}
.icon-record:before {
    content: "\25cf";
}
.icon-pen-alt-fill:before {
    content: "\270e";
}
.icon-list-2:before {
    content: "\25a4";
}
.icon-grid-view:before {
    content: "\25a6";
}
.icon-paragraph-center:before {
    content: "\2637";
}
.icon-left-to-right:before {
    content: "\25bb";
}
.icon-right-to-left:before {
    content: "\25c5";
}
.icon-paragraph-right:before {
    content: "\25f3";
}
.icon-paragraph-left:before {
    content: "\25f0";
}
.icon-share-2:before {
    content: "\2661";
}
.icon-link-2:before {
    content: "\26ae";
}
.icon-menu:before {
    content: "\2195";
}
.icon-pin:before {
    content: "\25c9";
}
.icon-folder-fill:before {
    content: "\2750";
}
.icon-play:before {
    content: "\25b6";
}
.icon-pause:before {
    content: "\e002";
}
.icon-fast-backward:before {
    content: "\25c0";
}
.icon-fast-forward:before {
    content: "\25ba";
}
.icon-stop:before {
    content: "\25fc";
}
.icon-picture:before {
    content: "\2b15";
}